<template>
  <div class="logo" :style="{ width, height }">
    <div class="logo_img">
      <img :src="imageUrl" alt="" />
    </div>
  </div>
</template>

<script setup lang="ts">
defineProps(['width', 'height', 'imageUrl'])
</script>

<style scoped lang="scss">
.logo {
  color: white;
  display: flex;
  align-items: center;

  .logo_img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
}
</style>
